<template>
    <div>
    <router-link to="/xskq">
      <div class="box" @touchmove.prevent>
        <div class="kuang">
          <div class="kuang-div">
            <p class="tiao">税费说明</p>
            <img class="cha" src="/static/spxq/ZZC.png" alt="">
          </div>
          <div class="kuang2">
            <p class="jks">商品进口税</p>
            <p class="zhushi">因您所购买的商品可能适用不同税率，可能导致无法全额包税，您仍需再行支付剩余税款（如有)详见下单页面。</p>
          </div>
          <div class="kuang3">
            <p class="sl">进口税税率 12%</p>
            <p class="haiguan">（中国海关规定，不同类目的商品征收税率不同,该商品的进口税率为12%）</p>
          </div>

          <div class="kuang4">
            <p class="js">进口税计算 12%<span class="shuilv">进口税=商品完税价格（包括运费）*税率</span></p>
            <p class="jiage">(完税价格由海关最终认定)</p>
          </div>
        </div>



        </div>
    </router-link>
    </div>
</template>

<script>
    export default {
        name: "Zzc"
    }
</script>

<style scoped>
.box{
  position: fixed;
  left: 0;
  top: 0;
  width: 72rem;
  /*height: 75rem;*/
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 999;
  /*overflow: hidden;*/


}
  .kuang{
    width: 72rem;
    height: 60.6rem;
    background: #fff;
    margin-top: 55.4rem;

  }
  .kuang-div{
    height: 8rem;
    font-size: 2.8rem;
    display: flex;
    align-items: center;
    /*background: blue;*/
    justify-content: flex-end;
    border-bottom: 1px solid #ccc;
    /*margin-right: 2rem;*/
}
.cha{
margin-left: 25.2rem;
}
.kuang2{
  height: 18rem;
  display:flex;
  justify-content: space-around;
  /*align-items: center;*/
  /*background: #e53e42;*/
  border-bottom: 1px solid #ccc;
}
.jks{
  /*width: 13.8 rem;*/
  height: 2.6rem;
  margin-top: 2.5rem;
  font-size: 2.8rem;
}
  .zhushi{
    margin-top: 2.5rem;
    font-size: 2.4rem;
    width: 51rem;
    height: 9.7rem;
    /*background: blueviolet;*/
  }
.kuang3{
  height: 18rem;
  display:flex;
  justify-content: space-around;
  /*align-items: center;*/
  /*background: #e53e42;*/
  border-bottom: 1px solid #ccc;
}
.sl{
  /*width: 13.8 rem;*/
  height: 2.6rem;
  margin-top: 2.5rem;
  font-size: 2.8rem;
}
.haiguan{
  margin-top: 6.7rem;
  font-size: 2.4rem;
  width: 51rem;
  height: 5.3rem;
  /*background: blueviolet;*/
}
.kuang4{
  height: 16.4rem;
  margin-left: 2rem;

  /*display:flex;*/
  /*justify-content: space-around;*/
  /*align-items: center;*/
  /*background: #e53e42;*/
  /*border-bottom: 1px solid #ccc;*/
}
.js{
  /*width: 59.3 rem;*/
  height: 2.6rem;
  margin-top: 2.5rem;
  font-size: 2.8rem;
}
.shuilv{
  margin-top: 2.5rem;
  margin-left: 1.9rem;
  font-size: 2.4rem;
  width: 43.8rem;
  height: 2.6rem;
  /*background: blueviolet;*/
}
  .jiage{

    width: 28rem;
    height: 2.6rem;
    font-size: 2.4rem;
    /*background: #e53e42;*/
    /*line-height: 16.4rem;*/
    margin-left: 19.1rem;
    margin-top: 2.9rem;
  }
</style>
